import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import tailwindcss from  'tailwindcss'
import autoprefixer from 'autoprefixer'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    postcss: {
      plugins:[
        tailwindcss,
        autoprefixer
      ]
    }
  },
  server: {
    host: '0.0.0.0', // 监听所有地址，包括局域网
    port: 3000, // 你可以选择任何端口
    open: true, // 启动项目时自动打开浏览器
    hmr: {
      host: 'localhost', // 替换为你的电脑的 IP 地址
      protocol: 'ws', // 热更新的协议，默认为 WebSocket
    }
  }
})
